// 封装倒计时函数
import { ref,computed, onUnmounted } from "vue"
import dayjs from "dayjs"

export const useCountDown =()=>{
    // 响应式数据
    const time = ref(0)
    let timer = null
    // 格式化事件为xx分xx秒
    const formatTime = computed(()=>dayjs.unix(time.value).format('mm分ss秒'))
    // 开启倒计时的函数
    const start =(currentTime)=>{
        // 开启倒计时的逻辑
        time.value = currentTime
        timer = setInterval(() => {
            time.value--
        }, 1000);
    }
    // 组件销毁清除定时器
    onUnmounted(() => {
        timer && clearInterval(timer)
    })
    return {
        formatTime,start
    }
}